<div class="page">
    <header class="bar bar-nav">
        <h1 class="title">酒店介绍</h1>
    </header>



    <div class="content">
        <div class="swiper-container" data-space-between='10'>
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="//wx.useky.com/webcontext/upload/activity/20151011111549134_3013.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="//wx.useky.com/webcontext/upload/activity/20151011111549134_3013.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="//wx.useky.com/webcontext/upload/activity/20151011111549134_3013.jpg" alt="">
                </div>
            </div>
            <div class="swiper-pagination" style="bottom:0"></div>
        </div>

        <div class="card">
            <div class="card-header">{{hotelName}}</div>
            <div class="card-content">
                <div class="list-block media-list">
                    <ul>
                        <li class="item-content">
                            <div class="item-media">
                                <img src="http://cc-p.hantinghotels.com/f/7/iknnc3.jpg.150-128.jpg" style="height: 3rem">
                            </div>
                            <div class="item-inner">
                                <div style="font-size: 14px;">
                                    闪订酒店秉承让顾客“天天睡好觉”的愿景，致力为注重价值的商旅客人提供干净、环保、舒适、安全的住宿服务，满足客户核心的住宿需求。
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="card-footer">
                <div>
                    <a class="button button-fill" style="display: inline-block">官网</a>
                    <a class="button button-fill" style="display: inline-block">酒店展示</a>
                    <a class="button button-fill" style="display: inline-block">定位</a>
                </div>
            </div>
        </div>
        <div class="content-block-title">快速预订</div>
        <form action="/booking" method="post">
            <div class="list-block">
                <ul>
                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">
                               入住
                            </div>
                            <div class="pull-right">
                                <a href='#' class="selected-in-time open-popup open-calender dis-inline-b">
                                    <div class="js-in-date main-text"></div>
                                    <input type="hidden" name="inTime" id="js-input-in-time">
                                    <div class="tip-text">入住</div>
                                </a>
                                <select name='in-hour' class="pull-right color-main js-24-hours in" style="padding-left: 30px;width: 100px">

                                </select>
                            </div>
                        </div>
                    </li>

                    <li class="item-content">
                        <div class="item-inner">
                            <div class="item-title">
                               离开
                            </div>
                            <div class="pull-right">
                                <a href="#" class="selected-out-time open-popup open-calender dis-inline-b">
                                    <div class="js-out-date main-text"></div>
                                    <input type="hidden" name="outTime" id="js-input-out-time">
                                    <div class="tip-text">离开</div>
                                </a>
                                <select name="out-hour" class="pull-right color-main js-24-hours" style="padding-left: 30px;width: 100px">

                                </select>
                            </div>
                        </div>
                    </li>
                </ul>
            </div>

            <div class="content-padded">
                <a href="booking.html" class="button button-fill button-big external" style="margin-top: 20px;">快速预订</a>
            </div>
        </form>
    </div>
</div>

<div class="popup popup-calender">
    <div class="calender-container">

    </div>
</div>


{{#extend "pageJs"}}
<script src="{{getStatic 'ubooking/hotel/hotel.entry.js'}}"></script>
{{/extend}}